<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<div class="row">
    <div class="col-sm-12">
        <h4 class="pull-left page-title">题库</h4>
        <ol class="breadcrumb pull-right">
            <li><a data-target="divload" data-div="baseContainer">题库</a></li>
            <li class="active">词汇管理</li>
        </ol>
    </div>
</div>

<div class="panel adapt-window-height">
    <div class="panel-body">
        <div class="mt20">
            <div class="m-b-10">
                <form id="paramForm" class="form-inline" tableId="vocabularyTableId" onsubmit="return false;">
                    <label>词汇：<input name="text" id="text" type="text" class="form-control" placeholder="词汇"></label>
                    <label>词汇类型：
                        <select class="select2 select2-offscreen" id="roleType" name="roleType" style="width: 240px;" data-placeholder="请选择" tabindex="" title="">
                            <option value=" ">全部</option>
                        </select>
                    </label>
                    <div class="form-group fr">
                        <a class="btn btn-primary"  href="${req.contextPath}/filesystem/toUpload?maxNum=1&uploadSuccessMethod=uploadVocabCallBack&uploadUrl=/vocab/uploadVocab&fileFormat=xls,xlsx" data-toggle="modal" data-target="#base_modal">上传词汇</a>
                        <a class="btn btn-primary"  href="${req.contextPath}/filesystem/toUpload?maxNum=1&uploadSuccessMethod=exportCallBack&uploadUrl=/vocab/exportTmp&fileFormat=xls,xlsx" data-toggle="modal" data-target="#base_modal">导出词汇信息</a>
                        <a class="btn btn-primary"  href="${req.contextPath}/filesystem/toUpload?maxNum=1&uploadSuccessMethod=exportAudioCallBack&uploadUrl=/vocab/exportAudioTmp&fileFormat=xls,xlsx" data-toggle="modal" data-target="#base_modal">导出音频文件</a>
                        <button class="btn btn-primary waves-effect searchBtn">查询</button>
                        <button class="btn btn-primary waves-effect clearSearch">清空</button>
                    </div>
                </form>
            </div>
            <table  data-toggle="table"  data-classes="table table-hover"
                    data-pagination="true"
                    data-url="${req.contextPath}/vocab/listData" id="vocabularyTableId"
                    data-side-pagination="server">
                <thead>
                <tr>
                    <th data-field="text" data-align="left">词汇内容</th>
                    <th data-field="ukPhonetic" data-align="left">音标-英</th>
                    <th data-field="usPhonetic" data-align="left">音标-美</th>
                    <th data-field="translationJson" data-align="left" data-formatter="autoWrapRender">翻译</th>
                    <th data-field="exampleSentence" data-align="left" data-formatter="autoWrapRender">例句</th>
                    <th data-field="audioUrl" data-align="left">音频</th>
                    <th data-field="createDate" data-align="left"  data-formatter="defaultDateFormatter">创建日期</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>
<form id="exportForm" target="_self" method="post" action="${req.contextPath}/vocab/exportExcel">
  <input type="hidden" name="code" value="">
</form>
<form id="exportAudioForm" target="_self" method="post" action="${req.contextPath}/vocab/exportAudio">
    <input type="hidden" name="code" value="">
</form>

<script src="${req.contextPath}/static/js/module/ques/vocab/vocab_list.js"></script>
</html>